/*
* @Author: Administrator
* @Date:   2017-09-05 11:13:27
* @Last Modified by:   'baijiwei'
* @Last Modified time: 2017-11-28 13:37:26
*/
#pc{
	width: 1224px;
	margin: 0 auto;	
}
/***************头部样式******************/
#pc-header{
	padding: 10px 0;
	width: 100%;

}
#pc-header .logo{

	display: flex;
	align-items:center;
}
#pc-header .logo img{
	width: 48px;
	height: 48px;
}
#pc-header .logo span{
	font-size: 20px;
	padding-left: 10px;	
}
#pc-header .register-login{
	float: right;
}
#pc-header .user{
	margin-right: 20px;
}

/***************slider的样式**************/
#pc .slider{
	width: 100%;
	padding:0 10px;
}
#pc .slider img{

	width: 100%;
	height: 250px;
}
#pc .slider .img-title{
	line-height: 30px;
	text-align: center;
	font-size: 12px;
	color: #555;
	padding:20px 0; 
}
#pc .slider .img-title a{
	color: #555;
}
.ant-carousel .slick-dots{
	bottom: 0px;
}
.ant-carousel .slick-dots li button{
	background: #000;
}
.ant-carousel .slick-dots li.slick-active button{
	background: #108ee9;
}


/************新闻列表样式*********************/
#pc .news-list{
	width: 100%;
}
#pc .news-list li{

	line-height: 25px;
	padding:0 5px;
	height: 25px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#pc .news-list li a{
	color: #666;
	font-size: 14px;
}
#pc .news-list li a:hover{
	color: #108ee9;
}

/***************新闻图片模块样式**************/
.news-imgmodule{
	margin-top: 20px;
	padding:0 10px 0 0;
}
.news-imglist{

	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	display: block\9;

}
.news-imglist li{
	margin-bottom: 10px;
	display: inline-block\9;
	margin: 0 1%\9;
}
.news-imglist li img{
	height:auto;
	width: 100%;
}
.news-imglist li h3{
	line-height: 25px;
	height: 25px;
	text-overflow:ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin: 5px 0;
}
.news-imglist li h3 a{

	color:#333;
}
/*******************top-mid的样式******************/
.top-mid .news-imglist li{
	width: 15%;
	margin-right: 1.5%;
}
/*尾部样式*/
#pc-footer{
	text-align: center;
	margin:10px 0;
	padding: 10px 0;
}
/*antd 样式*/
.ant-card-head-title{

	color: #333;
	font-weight: 600;
}

/**************详情页样式******************/
.news-detail{
	width: 100%;
}
.news-detail img{
	max-width: 100%;
}
.news-detail-content{

	width: 100%;
	font-size: 14px;
	line-height: 25px;
	padding: 10px;
}
.title{

	color:#333;
	margin: 10px 0;
	padding: 10px 0;
	font-size: 26px;
}
.article-src-time{
	color:#666;
	font-size: 14px;
	margin-bottom: 10px;

}
.article-content{

	font-size: 14px;
	line-height: 25px;
	text-indent: 2em;
	padding: 0 10px;

}
.article-content .img{
	text-align: center;
	margin: 20px 0;
}
.article-content img{
	width: 400px;
	max-width: 100%;
}
.handle-article{
	width: 100%;
	line-height: 30px;
}
.collect{

	cursor: pointer;
	font-size: 14px;
	color: #2db7f5;
	margin-right: 20px;

}
.gocomment{

	cursor: pointer;
	font-size: 14px;
	color: #2db7f5;
}
.handle-article {
	padding: 0 10px;
}
.handle-article span{
	margin-right:20px;
	font-size: 14px;
}
/*joke样式*/
.joke-list{
	width: 100%;
}
.joke-list li{
	line-height: 25px;
}
.joke-list li a{
	color:#666;
}

/***************video样式**************/

.video-module{
	width:100%;
	margin-top: 10px;
}
.video-module video{
	width: 100%;
}

/*个人中心样式*/
.pc-usercenter{
	padding:10px;
}
/*****************评论*******************/
.comments{
	padding: 10px;
	margin-top:10px;
	border-top: 1px dotted #bbb;
}
.comments h3{
	margin: 20px 0;
	text-align: center;
}
.comments .button{
	text-align: center;
	margin: 0 10px;
}
.comments .button button{
	margin: 0 10px;
}
.ant-card-extra{
	color:#2db7f5;
	font-size: 14px;
}
.comments-title{
	text-align: center;
	padding:10px 0;
	margin: 10px 0;
	font-size: 14px;
	border-top: 1px solid #ddd;
}
.mycomments-list{

	width: 100%;
}
.mycomments-item{
	border: 1px solid #ddd;
	border-radius:3px;
	margin-bottom: 10px;
}

.mycomments-title{

	line-height: 25px;
	padding: 5px 10px;
	border-bottom: 1px solid #ddd;
}
.mycomments-title span{
	margin-left:10px;
	color: #666;
	font-size: 14px; 
}
.mycomments-title a{
	float: right;
	display: inline-block;
	color: #2db7f5;
	font-size: 14px;
	margin-right: 20px;

}
.mycomments-title a.arc-title{
	float: none;
	color: #595959;
	margin-right: 20px;
}
.mycomments-content{
	padding: 3px 10px;
	color: #595959;
	line-height: 25px;
}
.loading{
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	margin: 20px 0;
}
/*********收藏**********/
.mycollection-list{
	width: 100%;
}
.mycollection-item{
	width: 100%;
	line-height: 30px;
	border-bottom:1px solid #ddd;
	margin-bottom: 5px;
}
.mycollection-title{
	color: #595959;

}
.mycollection-title a{
	color: #595959;
	font-size: 14px;

}
.mycollection-title a:hover{
	color: #2db7f5;
}
.mycollection-title .time{
	margin-left: 30px;
}

/*****************list样式*******************/
.pc-list .news-imgmodule .ant-card-body{

	padding: 10px;
}

.pc-news-list{
	padding-top: 30px;
    -moz-column-count:4; /* Firefox */
    -webkit-column-count:4; /* Safari 和 Chrome */
    column-count:4;
}
.pc-newslist-item{
	break-inside: avoid;
	margin-right: 3%;
	padding-bottom: 20px;

}
.pc-newslist-item .pc-news-img{
	width: 100%;
	overflow: hidden;

}
.pc-newslist-item .pc-news-img img{
	width: 100%;
	transition:all 0.2s;
}
.pc-newslist-item .pc-news-img img:hover{
	border: 1px solid #0094da;
	padding: 3px;
}
.pc-news-info{
	width: 100%;

}
.pc-news-title{
	width: 100%;
	height: 25px;
	overflow: hidden;
	line-height: 25px;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin: 10px 0;
}
.pc-news-title a{
	color: #595959;
}
.pc-news-title a:hover{
	color:#2db7f5;
};
.pc-news-type{
	color: #999;
}
.pc-news-time{
	float: right;
	color: #555;
}
